<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="xdz" uri="/xdztools" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="${xdz:domain() }/css/bootstrap.min.css">
<link rel="stylesheet" href="${xdz:domain() }/css/font-awesome.min.css">
<link rel="stylesheet" href="${xdz:domain() }/css/parsley.css" >
<%-- <link rel="stylesheet" href="${xdz:domain() }/css/style.min.css"> --%>
<link rel="stylesheet" href="${xdz:domain() }/css/kkpager_blue.css">
<script src="${xdz:domain() }/js/jquery.min.js"></script>
<script src="${xdz:domain() }/js/jquery.treetable.js"></script>
<script src="${xdz:domain() }/js/bootstrap.min.js"></script>
<script src="${xdz:domain() }/js/plugins/fuelux/fuelux.js"></script>
<script src="${xdz:domain() }/js/underscore-min.js"></script>
<script src="${xdz:domain() }/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="${xdz:domain() }/js/app.js"></script>
<script src="${xdz:domain() }/js/app.plugin.js"></script>
<script src="${xdz:domain() }/js/app.data.js"></script>
<script src="${xdz:domain() }/js/kkpager.min.js"></script>
<script src="${xdz:domain() }/js/pagination.js"></script>
<script type="text/javascript" src="${xdz:domain() }/js/plugins/layer/layer.min.js"></script>
<title></title>
</head>
<body>
    <form action="../acMsgreadlogBase/list" id="acMsgreadlogBaseForm" method="post">
        <div class="panel panel-default">
        	<header class="panel-heading"><h3 class="panel-title">消息阅读 列表</h3></header>
<!--         	<div class="panel-body"> -->
<!--         		<div class="row"> -->
<!--             <div class="col-md-2"> -->
<%--     				<input type="text" name="userName" value="${condition.userName}" class="form-control input-sm" placeholder="阅读者名称"> --%>
<!--             </div> -->
<!--                     	<div class="col-md-2"> -->
<!--                     		<button class="btn btn-primary btn-sm" type="submit">查询</button> -->
<!--                         </div> -->
<!--                         	<div class="col-md-2 pull-right"> -->
<!--                             <button type="button" class="btn btn-primary btn-sm" onclick="openAdd()">新增</button> -->
<!--                     </div> -->
<!--                     </div> -->
<!--                     </div> -->
					<input type="hidden" name="messageId" value="${condition.messageId}" class="form-control input-sm" placeholder="阅读者名称">
                    <div class="table-responsive scroll-wrapper">
                        <table class="table table-striped table-hover table-condensed">
                            <thead>
                                <tr>
<!--                                     <th></th> -->
<!--                                     <th>对应消息</th> -->
                                    <th>阅读用户</th>
                                    <th>阅读时间</th>
<!--                                     <th></th> -->
                                </tr>
                            </thead>
                            <tbody>
                                <c:forEach var="list" items="${list }">
                                    <tr>
<%--                                         <td>${list.id }</td> --%>
<%--                                         <td>${list.messageId }</td> --%>
<%--                                         <td>${list.userId }</td> --%>
                                        <td>${list.userName }</td>
                                        <td>${list.strReadtime }</td>
<%--                                         <td><a href="../acMsgreadlogBase/updatePage?id=${list.id }">修改</a> | <a href="javascript:void(0)" onclick="del(${list.id})">删除</a></td>                                    </tr> --%>
                                </c:forEach>
                            </tbody>
                        </table>
                    </div>
                                <div class="panel-footer">
                                	<div id="kkpager"></div>
                            </div>
        </div>
    </form>
    <script type="text/javascript">
    	function openAdd() {
    		location.href = "../acMsgreadlogBase/addPage";
    	}

    	function del(id) {
    		layer.confirm('是否确认删除？', {
    				btn: ['确认','取消']
    			}, function(){
    				location.href = "../acMsgreadlogBase/delete?id="+id;
    			}, function(){
    				layer.close();
    			});
    		}

		kkpager.generPageHtml({
			pno : '${extQuery.pageNum }',
			mode : 'click', //设置为click模式
			//总页码
			total : '${extQuery.totalPage}',
			//总数据条数 
			totalRecords : '${extQuery.total}',
			//点击页码、页码输入框跳转、以及首页、下一页等按钮都会调用click
			//适用于不刷新页面，比如ajax
			click : function(n){
				//这里可以做自已的处理
				//...
				this.selectPage(n);
				toPage(n, '${extQuery.totalPage}', 'acMsgreadlogBase');
				this.selectPage(n);
				//处理完后可以手动条用selectPage进行页码选中切换

			},
			//getHref是在click模式下链接算法，一般不需要配置，默认代码如下
			getHref : function(n){
				return '#';
			}

		});
    </script>
</body>
</html>
